#release-editor {

/* __________________________________

       GLOBAL
   __________________________________ */

margin-top: 1em;

.documentation p { margin-top: 0; }
.documentation div.warning p { margin-top: 1em; }

table { border-spacing: 0; width: 100%; }

fieldset {
    margin-top: 0;
    border: 1px solid @light-border;
    border-radius: 6px;

    legend {
        color: @text-orange;
        font-size: @large-text;
        font-weight: bold;
        margin: 0 @form-margin;
    }

    div {
        &.recordings-loading, &.tracklist-loading {
            padding: 1em;
            text-align: center;
        }
    }

    p.guesscase-options { display: inline-block; }
}

.warning { border-radius: 6px; }
.page-error { .error(); padding: 1em 0.5em; }

/* __________________________________

       INFORMATION TAB
   __________________________________ */

div.half-width {
    margin: 0;
    float: none;
};

#information div.half-width {
    fieldset { padding: @form-margin; }

    button { margin: 0; }

    td.release-artist { width: 100%; }

    .duplicate-release-groups-loading { margin-bottom: 0.5em; }
    .duplicate-release-groups-error {
        font-style: italic;
        margin-bottom: 0.5em;
        a {
            cursor: pointer;
            font-style: normal;
            margin-left: 0.5em;
        }
    }
    .duplicate-release-groups-label { font-weight: bold; }
    .duplicate-release-groups-list {
        margin-bottom: 0.5em;

        > * {
            align-items: baseline;
            display: flex;
            text-align: left;

            input[type="radio"] {
                margin-right: 0.5em;
                width: auto;
            }
        }
    }

    #annotation {
        width: @form-input-width;
        max-width: @form-input-width;
    }
}

div.checkbox {
    display: table;
    > div {
        display: table-row;
        > input { display: table-cell; }
        > label { display: table-cell; text-align: left; }
    }
}

/* __________________________________

       TRACKLIST TAB
   __________________________________ */

fieldset.advanced-medium {
    &.expanded div.icon { display: block; }

    button {
        &.collapse-medium {
            background-image: data-uri('../images/icons/collapse.png');
        }

        &.expand-medium {
            background-image: data-uri('../images/icons/expand.png');
        }

        &.medium-down {
            background-image: data-uri('../images/icons/down.png');
        }

        &.medium-up {
            background-image: data-uri('../images/icons/up.png');
        }
    }
}

.medium.tbl {
    margin-top: 1em;

    th {
        background: data-uri("../images/layout/table-header-2.gif") repeat-x scroll 0 50% transparent;
        border-bottom: 1px solid @dark-border;
        border-left: 1px solid @medium-border;
        font-size: @small-text;
        padding: 3px 5px;
        text-align: left;
    }

    tr.track td {
        background: @text-white;
        border: 1px dotted @very-light-border;
        padding: 0;
        vertical-align: inherit !important;

        &.position { width: 3em; }
        &.position input { text-align: right; }

        &.reorder {
            padding: 0 5px;
            width: 38px;
        }

        &.artist {
            width: 45%;
            div.artist-credit-editor.autocomplete2 {
                width: 100%;
                input { padding: 4px; }
            }
            button.open-ac {
                min-width: 90px;
            }
        }

        &.length {
            width: 6em;
            input { text-align: right; }
        }

        &.icon {
            padding: 0 5px;
            text-align: right;
            width: (@form-icon-size + 4) * 3;
        }

        &.guesscase a { color: @light-grey; font-weight: bolder; }

        input[type=text] {
            width: 100%;
            height: 2em;
            border: 0;
            padding: 0 5px;
        }
    }
}

table.advanced-format {
    td.icon { padding: 0 @form-margin; }
    label { margin: 0 @form-margin; }
}

.disabled-hint {
    cursor: help !important;
    &.icon { background-color: transparent !important; }
}

#discid-attachment {
    padding: @form-margin;
}

#tracklist-tools {
    float: left;
    width: 100%;
    padding: @form-margin;
    box-sizing: border-box;
    -moz-box-sizing: border-box;

    div.buttons { float: left; }

    div.add-tracks {
        float: right;

        input {
            position: relative;
            width: 3em;
            border: 1px solid @medium-border;
            text-align: right;
        }
    }
}

/* __________________________________

            RECORDINGS TAB
   __________________________________ */

div.changes div.warning { margin: 1em auto; }

#recordings {
    div.half-width { width: 580px; }
    div.documentation { margin-left: 600px; }

    fieldset table {
        tr.even td { background-color: @even-table-row; }

        tr.artist td { font-size: @small-text; padding-bottom: 1em; }

        td {
            &.position {
                text-align: right;
                padding: 0.5em 0.5em 0 0.5em;
                font-size: @extremely-large-text;
                width: 1em;
            }

            &.name, &.length { padding-top: 1em; }
            &.name span.comment { display: block; }
            &.name.add-new { color: @dark-text; }

            &.length {
                vertical-align: top;
                padding-right: 1em;
            }

            &.buttons {
                padding-top: 1em;
                width: 7em;
                button { width: 6em; }
            }

            &.checkbox { padding-bottom: 1em; }
        }
    }

    .edit-recording {
        margin: 1em;
        margin-bottom: 2em;

        span {
            display: inline-block;
            vertical-align: top;
            margin-top: 0.5em;
        }
    }
}

#recording-assoc-bubble {
    tr { vertical-align: top; }

    td.suggested-recording { padding: 1em; }
    td.appears-on { padding-bottom: 1em; }

    span.autocomplete input { width: 22em; }
}

#track-recording-assignation {
    tr { vertical-align: top; }
}

/* __________________________________

        EDIT PREVIEW / EDIT NOTE
   __________________________________ */

#edit-note {
    .edit-list {
        margin: 1em !important;
        background: transparent !important;
    }

    fieldset {
        border: 0;
        background: inherit;
    }
}

} /* end of #release-editor */


/* __________________________________

    TRACK PARSER/ADD DISC DIALOG
   __________________________________ */

#track-parser-dialog, #add-medium-dialog {
    textarea { width: 100%; height: 250px; }

    table.track-parser-options {
        margin-top: 1em;
        border-spacing: 0;

        td:nth-child(1) {
            padding-right: 0.5em;
            border-right: 1px @medium-grey solid;
        }

        td:nth-child(2) {
            padding-left: 0.5em;
        }

        input[type="text"] {
          height: 1.5em;
          width: 4em;
        }
    }

    div.buttons { margin: 1em 0; float: left; width: 100%; }
}

#add-medium-dialog {
    .search-result .ui-icon {
        display: inline-block;
        vertical-align: bottom;
    }

    table.medium { margin-bottom: 1em; }
}
